<template>
    <div class="echarts-demo">
      <el-cascader :options="options" @change="cityChange" :props='props' expand-trigger="hover"></el-cascader>
    </div>
</template>

<script>
import cityCode from './../../api/citycode';
export default {
  data () {
    return {
      options: cityCode.cityCode,
      props: {
        value: 'code',
        label: 'value',
        children: 'children'
      }
    };
  },
  created () {
    console.log(cityCode.cityCode);
  },
  methods: {
    cityChange (e) {
      console.log(e);
    }
  }
};
</script>

<style lang="stylus" scoped>
</style>
